<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button class="btn">点击</button>
    <div class="result"></div>
    <script src="../2020、4、30、晚间作业/jquery-1.12.4.min.js"></script>
    <script>
        //get语法
        // $(function() {
        //     $(".btn").click(function() {
        //         $.ajax({
        //             type: "get",
        //             dataType: "json",
        //             url: 'http://www.liulongbin.top:3006/api/getbooks',
        //             success: function(res) {
        //                 $(".result").html(res.msg)
        //             }
        //         })
        //     })
        // })
        //post语法
        // $(function() {
        //     $(".btn").click(function() {
        //         $.ajax({
        //             type: "post",
        //             data: {
        //                 bookname: 'nihao',
        //                 author: 'lisi',
        //                 publisher: 'abc'
        //             },
        //             dataType: "json",
        //             url: 'http://www.liulongbin.top:3006/api/addbook',
        //             success: function(res) {
        //                 $(".result").html(res.msg)
        //             }
        //         })
        //     })
        // })
        // 简化写法
        // get
        // 参数一：表示请求地址
        // 参数二：表示请求参数，参数可选
        // 参数三：表示回调函数，服务器有返回时触发
        // $(function() {
        //     $(".btn").click(function() {
        //         $.get('http://www.liulongbin.top:3006/api/getbooks', "id = 1", function(res) {
        //             $(".result").html(res.msg)
        //         })
        //     })
        // })
        // post
        // 参数一：表示请求地址
        // 参数二：表示请求参数，参数可选
        // 参数三：表示回调函数，服务器有返回时触发
        $(function() {
            $(".btn").click(function() {
                $.post('http://www.liulongbin.top:3006/api/addbook', {
                    bookname: '明朝那些事',
                    author: '当年明月',
                    publisher: '出版社'
                }, function(res) {
                    $(".result").html(res.msg)
                })
            })
        })
    </script>
</body>

</html>